﻿@model WebBanHang.Models.SanPham

<div class="div_box2">
    <div class="div_box2_title">
        <div class="div_box2_title_left"></div>
        <div class="div_box2_title_center">
            <h3 class="h3">Tin tức nổi bật</h3>
        </div>
        <div class="div_box2_title_right"></div>
    </div>
    <div class="div_box2_content">
        <div class="product_detail span-16 last">
            <div class="span-6">
                <a>
                    <img class="product_detail_image" src="~/Images/Upload/Products/@this.Model.HinhAnh" /></a>
            </div>

            <div class="span-10 last">
                <p class="product_detail_name">
                    @this.Model.TenSanPham
                </p>
                <div class="product_detail_order">
                    <p class="product_detail_name_price">Giá: @this.Model.Gia.Value.ToString("n0")</p>
                    <p>Tình Trạng: Còn Hàng</p>
                    <p>Bảo Hàng: 12 tháng</p>
                    <p>
                        Số Lượng:
                    <input id="spinner" name="value" />
                    </p>
                    <div class="buttonMuaHang">
                        <label>Mua Hàng</label>
                    </div>
                </div>

                <div class="fb-like" data-href="encodeURIComponent(location.href)"
                    data-width="120" data-height="80" data-colorscheme="light"
                    data-layout="button_count" data-action="like" data-show-faces="true" data-send="true">
                </div>
                <a href="#"
                    onclick="
    window.open(
      'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 
      'facebook-share-dialog', 
      'width=626,height=436'); 
    return false;">Share on Facebook
                </a>
            </div>

            <div class="clear"></div>
            <div class="full div_editor">
                <ul class="tabs" data-persist="true">
                    <li><a href="#view1">Giới thiệu</a></li>
                    <li><a href="#view2">Tính năng</a></li>
                </ul>
                <div class="tabcontents">
                    <div class="fix_tynymce">
                        <div id="view1">
                            @Html.Raw(this.Model.GioiThieu)
                        </div>
                        <div id="view2">
                            @Html.Raw(this.Model.TinhNang)
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section scripts {    
    <script src="~/Plugin/tabcontent/tabcontent.js" type="text/javascript"></script>
    <link href="~/Plugin/tabcontent/template1/tabcontent.css" rel="stylesheet" type="text/css" />
    <script>
        $(function () {
            $("#spinner").spinner();
        });
    </script>
}
